
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>..:: Universidad Autónoma de Baja California - Sistema de Ajustes en Línea ::..</title>
  <g:javascript library="jquery"/>
   <r:layoutResources />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">
  <link rel="stylesheet" href="${resource(dir: 'css', file: 'alumno.css')}" type="text/css">
  <link rel="stylesheet" href="${resource(dir: 'css', file: 'popup.css')}" type="text/css">
  <style type="text/css">
<!--
.Estilo1 {
	font-size: 19px;
	color: #6B7C07;
}
-->
  </style>
  <g:set var="entityName" value="${message(code: 'alumno.label', default: 'Alumno')}" />
</head>

<body>
<div id="wrapper">
    <div id="header">

        <div id="logo"></div>
        <div id="updates">NUEVO SISTEMA DE AJUSTES DE REINSCRIPCIONES</div>
        <div id="login">
       	  <div id="loginwelcome">Bienvenido, ${infoAlumno.nombre}</div>
		  <p class="menu"><g:link action="principal">Inicio</g:link> <g:link action="crearSolicitud">Crear Solicitud</g:link> <g:link action="logout">Salir</g:link></p>
      	</div>
		
    <div id="content">
 	<table cellspacing="0" class="tableAlumno" width="100%">
		<tr> 
			<th colspan="2">DATOS DEL ALUMNO</th> 
		</tr>
					<g:if test="${infoAlumno?.nombre}">
						<tr>
							<td width="25%"><strong><g:message
										code="alumno.nombre.label" default="Nombre" /></strong></td>
							<td> ${infoAlumno.nombre}</td>
						</tr>
					</g:if>
					<g:if test="${infoAlumno?.matricula}">
		<tr>
			<td><strong><g:message code="alumno.matricula.label" default="Matricula" /></strong></td>
			<td> ${infoAlumno.matricula} </td>
		</tr>
		</g:if>
		<g:if test="${infoAlumno?.carrera}">
		<tr>
			<td><strong><g:message code="alumno.carrera.label" default="Carrera" /></strong></td>
			<td> ${infoAlumno.carrera} </td>
		</tr>
		</g:if>
		
		<!-- FALTA CAMPO UNIDAD ACADÉMICA -->
		<!--tr>
			<td><strong>Unidad académica</strong></td>
			<td>FACULTAD DE INGENIERIA</td>
		</tr-->
		<g:if test="${infoAlumno?.coordinador}">
		<tr>
			<td><strong><g:message code="alumno.coordinador.label" default="Coordinador" /></strong></td>
			<td> ${infoAlumno.coordinador.nombre} </td>
		</tr>
		</g:if>
	</table>
	<br />
	<!-- FALTAN LAS VARIABLES PARA CLAVE, GRUPO, ETC... -->
	<g:if test="${horarioAlumno}">
	<table cellspacing="0" class="tableBajas" width="100%">
		<tr>
			<th colspan="12">CARGA ACADÉMICA</th>
		</tr>
		<tr> 
			<th>Clave</th> 
			<th>Materia</th>
			<th>Grupo</th>
			<th>Sgpo.</th>
			<th>Tipo</th>
			<th width="7%">Lun</th>
			<th width="7%">Mar</th>
			<th width="7%">Mie</th>
			<th width="7%">Jue</th>
			<th width="7%">Vie</th>
			<th width="7%">Sab</th>
			<th>Salón</th>
		</tr>
		<g:each in="${horarioAlumno}" status="i" var="materia">
		<tr>
		
	  		<td>${materia.value.id}</td>
			<td>${materia.value.nombre}</td>
			<td>${materia.value.grupo}</td>
            <td>${materia.value.subgrupo}</td>
            <td>${materia.value.tipo}</td>
            
            <td>${materia.value.diashoras.Lunes}</td>
            <td>${materia.value.diashoras.Martes}</td>
            <td>${materia.value.diashoras.Miercoles}</td>
            <td>${materia.value.diashoras.Jueves}</td>
            <td>${materia.value.diashoras.Viernes}</td>
            <td>${materia.value.diashoras.Sabado}</td>
         
            
            <td>${materia.value.salon}</td>
       </tr>
            
		</g:each>
	</table>
	</br>
	
	</g:if>
	<!-- FALTAN LAS VARIABLES PARA CLAVE, GRUPO, ETC... -->
	<g:if test="${solicitud}">	
	
	<div id="solicitudes">
  	<g:render template="listS"/>
	</div>
	
	
  	<p style="padding:.5em 0;"><img alt="Cancelar" height="12" src="../../images/btnCancel.png"/> - Cancelar Solicitud</p>
  	<!-- <input type="submit" value="Enviar Solicitud" style="${mensajePendiente}" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" > -->
	<button value="Enviar Solicitud" style="${mensajePendiente}" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Enviar Solicitud</button>
	
	<!-- <input type="submit" value="Enviar Solicitud" style="${mensajePendiente}"> -->		
	<!--<p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p> -->
	
	<div id="light" class="white_content">
	<form action="confirmarSolicitud" enctype="multipart/form-data" method="post">
		Seguro que deseas enviar la solicitud?
		<input type="submit" id="bAceptar" value="Aceptar">				
	</form>		
	<button id="bCancelar" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Cancelar</button>
	</div>
	<div id="fade" class="black_overlay"></div>
	</g:if>
    </div>
    <div id="footer">
        <div id="copyright">&copy; 2012 Todos los Derechos Reservados. Universidad Autónoma de Baja California</div>
	</div>
</div>

</body>
</html>